<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>TagThis - Search</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="stylesheet" href="css/normalize.min.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/tagit.css">
        <link rel="stylesheet" href="css/style.css">

        <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
        <![endif]-->
    </head>
    <body>



        <header>
            <div class="wrap">
                <div class="logo">
                    <a href="#" class="tag">TagThis.org</a>
                </div>
                <nav>
                    <ul>
                        <li>
                            <div class="modal-wrap">
                                <a href="#"><i class="icon icon-plus"></i>Добавить сайт</a>
                                <div class="modal modal-add modal-top">
                                    <form action="#" class="modal-form error">
                                        <input type="text" class="input" placeholder="адрес сайта">
                                        <input type="text" class="input" placeholder="название">
                                        <i class="icon icon-tag"></i><input type="text" class="input input-tag" placeholder="теги">
                                        <div class="status">
                                            <div class="success">
                                                <i class="icon icon-ok"></i> Сайт добавлен успешно!
                                            </div>
                                            <div class="error">
                                                <i class="icon icon-error"></i> Произошла ошибка, уже работаем над этим
                                            </div>
                                            <div class="submit button">добавить</div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </li>
                        <li><a href="#">Мои закладки</a></li>
                        <li class="username">Tilion</li>
                        <li class="slash"></li>
                        <li><a href="#">Выйти</a></li>
                    </ul>
                </nav>
            </div>
        </header>


        <section class="content search">
            <div class="search-form">
                <div class="wrap">
                    <form action="#" id="tagSearch" class="tag-search">
                        <ul class="control">
                            <li class="active"><i class="icon icon-star"></i>мои закладки</li>
                            <li><i class="icon icon-menu"></i>база TagThis</li>
                        </ul>
                        <div class="form">
                            <i class="icon icon-tag-large"></i>
                            <ul id="tags"></ul>
                            <i class="icon icon-search"></i>
                        </div>
                    </form>
                </div>
            </div>

            <div class="search-result wrap">
                <div class="search-result-item">
                    <div class="add"><i class="icon icon-add"></i></div>
                    <img class="screen" src="img/content/1.jpg" alt="">
                    <div class="text">
                        <div class="title">
                            <a href="#">Смотреть фильмы онлайн бесплатно, кино (видео) онлайн можно смотреть бесплатно ...</a>
                        </div>
                        <div class="link" style="background-image: url(http://www.ivi.ru/favicon.ico)">ivi.ru</div>
                        <div class="desc">Сайт ivi.ru приглашает смотреть лучшие фильмы, сериалы и программы онлайн в хорошем качестве без дополнительной регистрации.</div>
                        <ul class="tags-list">
                            <li class="tag tag-small tag-item">фильмы</li>
                            <li class="tag tag-small tag-item">онлайн-просмотр</li>
                            <li class="tag tag-small tag-item">рекомендации</li>
                            <li class="tag tag-small tag-item">бесплатно</li>
                            <li class="tag tag-small tag-item">рейтинг</li>
                        </ul>
                    </div>
                </div>
                <div class="search-result-item">
                    <div class="add"><i class="icon icon-add"></i></div>
                    <img class="screen" src="img/content/2.jpg" alt="">
                    <div class="text">
                        <div class="title">
                            <a href="#">Фильм "Пипец" ("Kick-Ass") - смотреть легально и бесплатно онлайн на MEGOGO.NET</a>
                        </div>
                        <div class="link" style="background-image: url(http://megogo.net/favicon.ico)">megogo.net/ru/view/1012-pipec.html</div>
                        <div class="desc">Смотреть онлайн "Пипец" ("Kick-Ass"). Все о фильме: фотографии, кадры из фильма, комментарии Линдси</div>
                        <ul class="tags-list">
                            <li class="tag tag-small tag-item">фильмы</li>
                            <li class="tag tag-small tag-item">онлайн-просмотр</li>
                            <li class="tag tag-small tag-item">бесплатно</li>
                            <li class="tag tag-small tag-item">рейтинг</li>
                        </ul>
                    </div>
                </div>
                <div class="search-result-item">
                    <div class="add"><i class="icon icon-add"></i></div>
                    <img class="screen" src="img/content/3.jpg" alt="">
                    <div class="text">
                        <div class="title">
                            <a href="#">Смотреть фильмы онлайн, мультфильмы онлайн</a>
                        </div>
                        <div class="link" style="background-image: url(http://filmin.ru/templates/v2online/images/i.ico)">filmin.ru</div>
                        <div class="desc"></div>
                        <ul class="tags-list">
                            <li class="tag tag-small tag-item">фильмы</li>
                            <li class="tag tag-small tag-item">онлайн-просмотр</li>
                        </ul>
                    </div>
                </div>
                <div class="search-result-item">
                    <div class="add"><i class="icon icon-add"></i></div>
                    <div class="text">
                        <div class="title">
                            <a href="#">Смотреть фильмы онлайн, мультфильмы онлайн, сериалы онлайн бесплатно</a>
                        </div>
                        <div class="link" style="background-image: url(http://filmin.ru/templates/v2online/images/i.ico)">filmin.ru</div>
                        <div class="desc">Сайт ivi.ru приглашает смотреть лучшие фильмы, сериалы и программы онлайн в хорошем качестве без дополнительной регистрации.</div>
                        <ul class="tags-list">
                            <li class="tag tag-small tag-item">фильмы</li>
                            <li class="tag tag-small tag-item">онлайн-просмотр</li>
                            <li class="tag tag-small tag-item">очень-крутой-сайт-просто-пиздец-длинный-тег</li>
                            <li class="tag tag-small tag-item">рекомендации</li>
                            <li class="tag tag-small tag-item">бесплатно</li>
                            <li class="tag tag-small tag-item">рейтинг</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>


        <footer>
            <div class="wrap">
                <div class="feedback">
                    Знаете как сделать TagThis лучше? <br>
                    <div class="modal-wrap">
                        <a href="#">Оставьте отзыв</a>
                        <div class="modal modal-feedback">
                            <form action="#" class="modal-form error">
                                <input type="text" class="input" placeholder="тема сообщения">
                                <textarea class="input" placeholder="сообщение"></textarea>
                                <input type="text" class="input" placeholder="ваша почта">
                                <div class="status">
                                    <div class="success">
                                        <i class="icon icon-ok"></i> Спасибо за ваш отзыв
                                    </div>
                                    <div class="error">
                                        <i class="icon icon-error"></i> Произошла ошибка, уже работаем над этим
                                    </div>
                                    <div class="submit button">отправить</div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </footer>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
        <script src="js/tag-it.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>
